<template>
    <div class="loveRoad">
      <!--<div class="head">-->
        <!--爱 心 历 程-->
      <!--</div>-->
      <div class="NewYear">
        <div class="NewYearimagesBox">
          <img src="../../images/loveRoadHead.png" alt="">
        </div>
        <div class="NewYearTextBox">
          <div class="textTitle">- 2017亲青筹总结 -</div>
          <div class="textCon">
            募捐金额 : <span class="textCon_num"><countup :start-val="startValone" :end-val="endMoney" :duration="2" :decimals="2"></countup></span>元
          </div>
          <div class="textCon">
            捐款人次 : <span class="textCon_num"><countup :start-val="startValone" :end-val="endPeopleNum" :duration="2"></countup></span>人
          </div>
        </div>

      </div>
      <div class="content">
        <div class="content_avatar">
          <div class="avatar_box">
            <img :src="obj.headUrl" alt="">
            <!--<img :src="obj.headUrl" alt="">-->
            <!--<img :src="obj.headUrl" alt="">-->
          </div>
          <div class="avatar_name">
            {{obj.name}}
          </div>
        </div>
        <div class="content_number">
          <div class="number_box_box">
            <div class="number_box_xuanzhuna">

            </div>
            <div class="number_box">
              <div class="number_box_iconJb">
                <img src="../../images/loveRoad04.png" alt="">
              </div>
              <div class="number_box_text" v-if="endValone > 0">
                共捐款 <span class="number_box_text_big"><countup :start-val="startValone" :end-val="endValone" :duration="2"></countup></span> 次
              </div>
              <div class="number_box_text" v-if="endValthree > 0">
                共邀请 <span class="number_box_text_big"><countup :start-val="startValthree" :end-val="endValthree" :duration="2"></countup></span> 人参与
              </div>
              <div class="number_box_text" v-if="endValtwo > 0">
                帮助 <span class="number_box_text_big"><countup :start-val="startValtwo" :end-val="endValtwo" :duration="2"></countup></span> 个项目
              </div>
            </div>
          </div>
        </div>
        <div class="myLoveRoadBtn">
          我 的 爱 心 历 程
        </div>
        <div class="firstIconBox">
          <div class="firstIconBox_iamgeBox">
            <img src="../../images/loveRoad0001.png" alt="">
            <div class="firstIconBox_iamgeBox_textFirst">
              <p v-if="obj.joinTime != ''" class="firstIconBox_iamgeBox_textFirst_p1">{{obj.joinTime}}</p>
              <p v-else="" class="firstIconBox_iamgeBox_textFirst_p1">暂无</p>
              <p class="firstIconBox_iamgeBox_textFirst_p2">来到爱心的大家庭;</p>
            </div>
          </div>
          <div class="firstIconBox_iamgeBox">
            <img src="../../images/loveRoad0002.png" alt="">
            <div class="firstIconBox_iamgeBox_textFirst textSecond">
              <p v-if="obj.donateFirstTime != ''" class="firstIconBox_iamgeBox_textFirst_p1">{{obj.donateFirstTime}}</p>
              <p v-else="" class="firstIconBox_iamgeBox_textFirst_p1">暂无</p>
              <p class="firstIconBox_iamgeBox_textFirst_p2">献出第一份爱心;</p>
            </div>
          </div>
          <!--<div class="firstIconBox_iamgeBox">-->
            <!--<img src="../../images/loveRoad0003.png" alt="">-->
            <!--<div class="firstIconBox_iamgeBox_textFirst textThree">-->
              <!--<p v-if="obj.excuteTime != ''" class="firstIconBox_iamgeBox_textFirst_p1">{{obj.excuteTime}}</p>-->
              <!--<p v-else="" class="firstIconBox_iamgeBox_textFirst_p1">暂无</p>-->
              <!--<p class="firstIconBox_iamgeBox_textFirst_p2">您的爱心第一次实施;</p>-->
            <!--</div>-->
          <!--</div>-->
          <div class="firstIconBox_iamgeBox">
            <!--<img src="../../images/loveRoad0004.png" alt="">-->
            <img src="../../images/loveRoad0003.png" alt="">
            <div class="firstIconBox_iamgeBox_textFirst textFouth">
              <p v-if="obj.togetherTime != ''" class="firstIconBox_iamgeBox_textFirst_p1">{{obj.togetherTime}}</p>
              <p v-else="" class="firstIconBox_iamgeBox_textFirst_p1">暂无</p>
              <p class="firstIconBox_iamgeBox_textFirst_p2">第一次邀请朋友一起捐;</p>
            </div>
          </div>
        </div>

        <div class="content_project">
          <p v-if="endValone > 0" class="content_projectTitle_text">在这一年里，您近期参与的项目有：</p>
          <p v-if="endValone == 0" class="content_projectTitle_text">在这一年里，您近期未参与过项目</p>
          <div v-if="endValone > 0" class="content_project_content">
            <div class="content_project_content_top">
              <p class="content_project_content_top_title">在{{obj.donateNewTime}}，您向</p>
              <p class="content_project_content_top_name" v-html="obj.eventName"></p>
              <p class="content_project_content_top_money">捐助 <span>{{obj.amount}}</span> 元</p>
            </div>
            <div class="content_project_content_bottom">
              <div class="content_project_content_bottom_iamge">
                <img :src="imageUrl.imageUrl + obj.eventPicUrl" alt="">
              </div>
              <div class="content_project_content_bottom_text">
                <p class="bottom_text_title" v-html="obj.eventAbstract"></p>
                <div class="bottom_text_progressBox">
                  <div class="progressBox_progress">
                    <span class="progressBox_progress_nei" v-bind:style="{ width: obj.schedule / 210 * 210 + 'px' }"></span>
                  </div>
                  <div>{{obj.schedule}}%</div>
                </div>
                <div class="bottom_text_mubiao">
                  <div>目标 <span class="bottom_text_mubiao_color">{{obj.eventGoalAmount}}</span> 元</div>
                  <div>参加 <span class="bottom_text_mubiao_color">{{obj.attendPeople}}</span> 人次</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div v-if="endValone > 0" class="morejilu" @click="gouserDonation">
          点击查看更多捐款记录
        </div>
        <div class="content_footer">
          <div class="footer_jiangbei">
            <img src="../../images/loveRoad05.png" alt="">
          </div>
          <div class="footer_zhufu">
            感谢您让这个世界变得美好！
          </div>
          <div class="footer_btn" @click="goHome">
            帮助更多的人,看看这些推荐项目
          </div>
        </div>
      </div>
    </div>
</template>

<style lang="scss" src='./loveRoad.scss'></style>
<script src="./loveRoad.js"></script>
